<template>
    <div></div>
</template>

<script>
  import axios from 'axios'
  import top from '@/components/top.vue'
  import bus from '@/assets/bus.js'
  export default {
      name: 'index',
      components:{top},
      data(){
      	return{
          
      	}
      },
      watch: {
        // num:function(newValue, oldValue) {
        //   console.log(newValue, oldValue)
        // }
      },
      computed:{
        // zongjia:function(){
        //   return this.num * 100
        // }
      },
      created() {

        
      },
      methods: {

      },

  }
</script>

<style scoped lang="less">
    .all{ display: flex;
      .left{ flex-basis: 300px; background: #eaeaea;
          .logo{ margin-top: 100px; text-align: center; font-size: 30px;}
          .nav{ width: 80%; margin: 50px auto;
            .navli{ margin-bottom: 20px; cursor: pointer; line-height: 25px;}
          }
          .el-tree{ background: #eaeaea;}
      }
      .right{
        .happy-scroll-content{ width: 100%; height: 100%;}
        .content{ box-sizing: border-box; padding: 50px 0px;
          img{ max-width: 100%;}
          .grid-item { width: 200px; }
          .grid-item--width2 { width: 400px; }
        }
      }
    }
</style>
